<%@page isELIgnored="false" contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html>
<html lang="en" class="crt crt-nav-on crt-nav-type1 crt-main-nav-on crt-sidebar-on crt-layers-2">
<head>
    <meta charset="utf-8">
    <title>${user.name}-工作经验</title>
    <%@include file="common/header.jsp" %>
</head>
<body class="">
<div class="crt-wrapper">
    <header id="crt-header">
        <nav id="crt-nav-sm" class="crt-nav hidden-lg hidden-md">
            <ul class="clear-list">
                <li>
                    <a href="${ctx}/user/front">
                        <c:choose>
                            <c:when test="${not empty user.photo}">
                                <img class="avatar avatar-42" src="${ctx}/${user.photo}" alt="">
                            </c:when>

                            <c:otherwise>
                                <img class="avatar avatar-42" src="${ctx}/asset/admin/img/avatar.png" alt="">
                            </c:otherwise>

                        </c:choose>

                    </a>
                </li>
                <li><a href="${ctx}/education/front"><span
                        class="crt-icon crt-icon-book"></span></a></li>
                <li><a href="${ctx}/experience/front"><span
                        class="crt-icon crt-icon-experience"></span></a></li>
                <li><a href="${ctx}/project/front"><span
                        class="crt-icon crt-icon-wrench"></span></a></li>
                <li><a href="${ctx}/contact/front"><span
                        class="crt-icon crt-icon-contact"></span></a></li>
                <li><a href="${ctx}/login.jsp"><span
                        class="crt-icon crt-icon-key"></span></a></li>
            </ul>
        </nav><!-- #crt-nav-sm --></header><!-- #crt-header -->
    <div id="crt-container" class="crt-container">
        <div id="crt-nav-wrap" class="hidden-sm hidden-xs">
            <div id="crt-nav-inner">
                <div class="crt-nav-cont">
                    <div id="crt-nav-scroll">
                        <nav id="crt-nav" class="crt-nav">
                            <ul class="clear-list">
                                <li>
                                    <a href="${ctx}/user/front" data-tooltip="首页">
                                        <img class="avatar avatar-42"
                                             src="${ctx}/${user.photo}" alt="">
                                    </a>
                                </li>
                                <li><a href="${ctx}/education/front" data-tooltip="教育经验"><span
                                        class="crt-icon crt-icon-book"></span></a></li>
                                <li><a href="${ctx}/experience/front" data-tooltip="工作经验"><span
                                        class="crt-icon crt-icon-experience"></span></a></li>
                                <li><a href="${ctx}/project/front" data-tooltip="项目经验"><span
                                        class="crt-icon crt-icon-wrench"></span></a></li>
                                <li><a href="${ctx}/contact/front" data-tooltip="联系我吧"><span
                                        class="crt-icon crt-icon-contact"></span></a></li>
                                <li><a href="${ctx}/login.jsp" data-tooltip="后台管理"><span
                                        class="crt-icon crt-icon-key"></span></a></li>
                            </ul>
                        </nav>
                    </div>
                    <div id="crt-nav-tools" class="hidden"><span class="crt-icon crt-icon-dots-three-horizontal"></span>
                        <button id="crt-nav-arrow" class="clear-btn"><span
                                class="crt-icon crt-icon-chevron-thin-down"></span></button>
                    </div>
                </div>
                <div class="crt-nav-btm"></div>
            </div>
        </div><!-- .crt-nav-wrap -->
        <div class="crt-container-sm">
            <div class="crt-paper-layers">
                <div class="crt-paper clear-mrg">
                    <div class="crt-paper-cont paper-padd clear-mrg">
                        <h2 class="title-lg text-upper padd-box">工作经验</h2>
                        <c:forEach items="${experiences}" var="experience">
                            <div class="education">
                                <div class="education-box">
                                    <time class="education-date">
                                    <span>
                                        <strong class="text-upper">
                                            <fmt:formatDate pattern="yyyy" value="${experience.beginDay}"/>/<fmt:formatDate pattern="MM" value="${experience.beginDay}"/>-
                                        </strong>

                                        <strong> 
                                            <fmt:formatDate pattern="yyyy" value="${experience.endDay}"/>/<fmt:formatDate pattern="MM" value="${experience.endDay}"/>
                                        </strong>

                                    </span>
                                    </time>
                                    <h3>${experience.job}</h3>
                                    <div class="education-logo">
                                        <img src="${ctx}/${experience.company.logo}" alt="">
                                    </div>
                                    <span class="education-company">${experience.company.name}</span>
                                    <p>${experience.intro}</p></div>
                            </div>

                        </c:forEach>

                    </div>
                </div>
                <!-- .crt-paper -->
            </div><!-- .crt-paper-layers -->
        </div><!-- .crt-container-sm -->
    </div>
    <%@include file="common/footer.jsp"%>
</div><!-- .crt-wrapper --><!-- Scripts -->
<script src="${ctx}/asset/front/js/modernizr-3.3.1.min.js"></script>
<script src="${ctx}/asset/plugin/jquery/jquery.min.js"></script>
<script src="${ctx}/asset/front/js/plugins.min.js"></script>
<script src="${ctx}/asset/front/js/theme.min.js"></script>
</body>
</html>